<!DOCTYPE html>
<html>
    <head>
        <title>Jdenticon</title>
        <link rel="stylesheet" type="text/css" href="styles.css">
    </head>
    <body>
        <h1>"Icon0" - AMD - Should be equal</h1>
        <figure>
            <img src="" width="100" height="100">
            <figcaption><strong>IMG</strong> static image</figcaption>
        </figure>
        
        <figure>
            <canvas id="AMDIcon0" width="100" height="100"></canvas>
            <figcaption><strong>Canvas</strong> update(value) AMD</figcaption>
        </figure>
     
        <script>
        var jdenticon_config = {
            backColor: "#00f1",
            replaceMode: "observe"
        };
        </script>
        <script src="https://cdn.jsdelivr.net/requirejs/2.1.22/require.min.js"></script>
        <script>
        
            requirejs(["/node_modules/jdenticon/dist/jdenticon.min.js"], function (jd) {
                jd.update("#AMDIcon0", "Icon0");
            });
    
        </script>
        <script src="common.js"></script>
    </body>
</html>